/*Cores*/
/*Cores Padrão do Sistema*/
/*Cores Orcamento*/
/*Cores para fundos listrados*/
/*Colors*/
/*Text Colors*/
.text-white {
  color: #fff;
}
.text-blue {
  color: #022CAB;
}
.text-grey {
  color: #6B6B6B;
}
.text-grey2 {
  color: #4F4F4F;
}
/*Text Sizes*/
.title {
  font-size: 2.1em;
  font-weight: bold;
  margin-bottom: 25px;
}
/*Inputs*/
.grupo-input label,
.grupo-input input,
.grupo-input textarea,
.grupo-input select {
  width: 100%;
}
.input {
  border: none;
}
.input-normal {
  padding: 15px 15px;
}
.input-small {
  padding: 6px 20px;
}
.input-squad {
  border-radius: 5px;
}
.input-outlined {
  border: 1px solid #868686;
}
.input-grey {
  background: #D9D9D9;
}
input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 1px solid #022fc0;
}
input[type=checkbox]:hover {
  cursor: pointer;
}
/*buttons*/
.button {
  border: none;
  font-weight: 300;
}
.button-rounded {
  border-radius: 50px;
}
.button-grey {
  background: #D9D9D9;
  transition: all .35s;
}
.button-grey:hover {
  background: #888888;
  color: #fff;
  cursor: pointer;
}
.button-white {
  background: #fff;
  color: #022CAB;
  transition: all .35s;
}
.button-white:hover {
  background: #022CAB;
  color: #fff;
  cursor: pointer;
}
.button-blue {
  background: #022CAB;
  color: #fff;
  transition: all .35s;
}
.button-blue:hover {
  background: #031b66;
  color: #fff;
  cursor: pointer;
}
.button-small {
  padding: 7px 30px;
}
.circular-button-blue {
  width: 35px;
  height: 35px;
  background: #022CAB;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .35s;
}
.circular-button-blue:hover {
  background: #031a61;
  cursor: pointer;
}
/*------------------------------------------------------------*/
/*Flex Box*/
.flex-a-esquerda {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-a-direita {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/*Fim Flex Box*/
/*------------------------------------------------------------*/
/**General*/
* {
  font-family: 'Inter';
}
.hidden {
  display: none;
}
.clique-nulo {
  pointer-events: none;
}
.cursor-pointer {
  cursor: pointer;
}
.link {
  text-decoration: none;
  color: inherit;
}
.line-height-16 {
  line-height: 1.6;
}
.content {
  width: 1400px;
  margin: auto;
}
strong {
  font-weight: bold;
}
@media (max-width: 1401px) {
  .content {
    width: 95%;
  }
}
#header {
  color: #fff;
}
#header .material-icons {
  color: #fff;
}
#header .bar1 {
  width: 100%;
  background: #022CAB;
  padding: 7px 0;
}
#header .bar1 .content {
  display: flex;
  justify-content: space-between;
  font-weight: 100;
  font-size: .9em;
}
#header .bar1 .svg-icon {
  width: 20px;
  height: 20px;
}
#header .bar2 {
  background: #efefef;
  padding: 20px 0;
}
#header .bar2 .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .bar2 .content #main-menu {
  display: flex;
}
#header .bar2 .content #main-menu a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #656565;
  transition: all .35s;
}
#header .bar2 .content #main-menu a:hover {
  color: #022CAB;
}
#header .bar2 .content #main-menu .material-icons {
  color: #656565;
  font-size: 2em;
}
@media (max-width: 961px) {
  #header .bar1 .content {
    display: block;
    text-align: center;
    margin: auto;
    justify-content: center;
  }
}
.logo {
  max-width: 80px;
}
#banners .swiper {
  height: 600px;
}
#banners .swiper .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
}
#banners .swiper .swiper-slide .text-banner {
  max-width: 50%;
}
#services-home {
  position: relative;
  z-index: 10;
  margin-top: -120px;
  margin-bottom: 70px;
}
#services-home .content {
  display: grid;
  align-items: flex-start;
  justify-content: space-around !important;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 35px;
}
#services-home .content .service-home {
  text-align: center;
  background: #F3F3F3;
  padding: 35px;
  border-radius: 10px;
  transition: all .35s;
}
#services-home .content .service-home:hover {
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3);
}
#services-home .content .service-home .title-service-home {
  font-weight: bold;
  color: #656565;
  line-height: 1.6;
  margin-bottom: 15px;
}
#services-home .content .service-home .description-service-home {
  color: #656565;
  line-height: 1.6;
  margin-bottom: 15px;
}
#services-home .content .service-home .button-service-home {
  background: #D9D9D9;
  padding: 10px;
  width: 100%;
  border-radius: 50px;
  font-weight: 300;
  transition: all .35s;
}
#services-home .content .service-home .button-service-home:hover {
  cursor: pointer;
  background: #022CAB;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transform: translateY(-5px);
}
#services-home .button-see-all-service-home {
  max-width: 200px;
  margin: auto;
  text-align: center;
  font-weight: 300;
  background: #D9D9D9;
  padding: 10px 40px;
  border-radius: 50px;
  transition: all .35s;
}
#services-home .button-see-all-service-home:hover {
  cursor: pointer;
  background: #022CAB;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transform: translateY(-5px);
}
#section-our-services {
  margin-bottom: 70px;
}
/*---------------------------------------------------*/
/*Calculator*/
#section-calculator {
  margin-bottom: 70px;
}
#section-calculator #calculator-container {
  background: #F3F3F3;
  display: grid;
  grid-template-columns: 40% 60%;
  border-radius: 10px;
  overflow: hidden;
}
#section-calculator #calculator-container #steps-contaniner {
  padding: 60px 40px;
}
#section-calculator #calculator-container #steps-contaniner .description {
  line-height: 1.6;
  margin-bottom: 25px;
}
@media (max-width: 961px) {
  #section-calculator #calculator-container {
    grid-template-columns: 0% 100%;
  }
}
.service-box {
  display: grid;
  grid-template-columns: auto 75px;
  align-items: center;
  background: #efefef;
  padding: 10px;
  border: 1px dashed #c5c5c5;
}
/*End Calculator*/
/*---------------------------------------------------*/
#section-testimonials {
  background: #022CAB url(../images/testimonials/testimonials.png) no-repeat 50% 50%;
  background-size: 95%;
  padding: 70px 0;
}
#section-testimonials #testimonials-container {
  overflow: hidden;
}
#section-testimonials #testimonials-container .image {
  margin-bottom: 20px;
}
#section-testimonials #testimonials-container .text {
  line-height: 1.6;
  color: #fff;
  margin-bottom: 25px;
  font-weight: 200;
}
#section-testimonials #testimonials-container .name {
  font-weight: bold;
  color: #fff;
}
#section-latest-posts {
  padding: 70px 0;
  margin-bottom: 70px;
  background: #F3F3F3;
}
#section-latest-posts #posts-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(335px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}
#section-latest-posts #posts-container .post {
  position: relative;
  height: 493px;
  border-radius: 10px;
  overflow: hidden;
  transition: all .35s;
}
#section-latest-posts #posts-container .post * {
  width: 100%;
}
#section-latest-posts #posts-container .post:hover {
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
}
#section-latest-posts #posts-container .post .pelicula {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 70%);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
#section-latest-posts #posts-container .post .container {
  display: flex;
  align-items: flex-end;
  padding: 25px 45px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-align: center;
}
#section-latest-posts #posts-container .post .container .category {
  max-width: min-content;
  background: #022CAB;
  padding: 3px 20px;
  margin: auto;
  border-radius: 100px;
  color: #fff;
  font-size: .8em;
}
#section-latest-posts #posts-container .post .container .title {
  font-size: 1.2em;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 20px;
}
#section-latest-posts #posts-container .post .container .text {
  color: #fff;
  line-height: 1.6;
  margin-bottom: 20px;
}
#section-posts {
  padding: 70px 0;
  margin-bottom: 70px;
  background: #F3F3F3;
}
#section-posts #posts-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(335px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}
#section-posts #posts-container .post {
  position: relative;
  height: 493px;
  border-radius: 10px;
  overflow: hidden;
  transition: all .35s;
}
#section-posts #posts-container .post:hover {
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
}
#section-posts #posts-container .post .pelicula {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 70%);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
#section-posts #posts-container .post .container {
  display: flex;
  align-items: flex-end;
  padding: 25px 45px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-align: center;
}
#section-posts #posts-container .post .container .category {
  max-width: min-content;
  background: #022CAB;
  padding: 3px 20px;
  margin: auto;
  border-radius: 100px;
  color: #fff;
  font-size: .8em;
}
#section-posts #posts-container .post .container .title {
  font-size: 1.2em;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 20px;
}
#section-posts #posts-container .post .container .text {
  color: #fff;
  line-height: 1.6;
  margin-bottom: 20px;
}
#section-testimonial-form {
  margin-top: 70px;
  margin-bottom: 70px;
}
#section-testimonial-form .content {
  text-align: center;
}
#section-contact-us {
  margin-bottom: 70px;
}
.page-header {
  position: relative;
  height: 150px;
}
.page-header .container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.page-header .pelicula {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.page-header .title {
  margin-bottom: 0;
}
.page-header .trace {
  width: 100px;
  height: 2px;
  background: #022CAB;
  margin: 10px auto;
}
#section-about {
  padding: 70px 0;
}
#section-team {
  background: #EFEFEF;
  padding: 70px 0;
  margin-bottom: 70px;
}
#section-team #team-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(334px, 1fr));
  gap: 20px;
}
#section-team #team-container .item-team {
  border-radius: 10px;
  display: grid;
  grid-auto-rows: 439px 80px;
  background: #fff;
  overflow: hidden;
  transition: all .35s;
}
#section-team #team-container .item-team:hover {
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
}
#section-team #team-container .item-team .description {
  text-align: center;
  padding: 15px;
}
#section-team #team-container .item-team .description .name {
  font-weight: bold;
  font-size: 1.3em;
}
#section-send-message {
  padding: 70px 0;
  background: #022CAB url(../images/send-message.png) no-repeat 50% 100%;
  background-size: cover;
}
#section-text-services,
#section-carrers {
  padding: 40px 0 0 0;
  margin-bottom: 70px;
}
#section-text-services #advatages-container,
#section-carrers #advatages-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 35px;
}
#section-text-services #advatages-container .advantage,
#section-carrers #advatages-container .advantage {
  text-align: center;
  background: #E3E3E3;
  border-radius: 10px;
  padding: 50px 35px;
  transition: all .35s;
}
#section-text-services #advatages-container .advantage:hover,
#section-carrers #advatages-container .advantage:hover {
  background: #F5D070;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
}
#section-text-services #advatages-container .advantage .icon,
#section-carrers #advatages-container .advantage .icon {
  width: 70px;
  height: 70px;
}
#section-text-services #advatages-container .advantage .title,
#section-carrers #advatages-container .advantage .title {
  font-size: 1.2em;
  color: #656565;
  margin-bottom: 20px;
  line-height: 1.6;
}
#section-text-services #advatages-container .advantage .text,
#section-carrers #advatages-container .advantage .text {
  color: #656565;
  line-height: 1.6;
}
#section-faq-most-viewed {
  background: #F3F3F3;
  padding: 70px 0;
  margin-bottom: 70px;
}
#section-faq-most-viewed #faq-most-viewed-container {
  margin-bottom: 20px;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq {
  margin-bottom: 5px;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .question {
  display: grid;
  grid-template-columns: auto 50px;
  align-items: center;
  background: #D9D9D9;
  border-radius: 5px;
  overflow: hidden;
  padding: 10px 15px;
  transition: .35s;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .question:hover {
  background: #c0c0c0;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .question .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .question .arrow:hover {
  cursor: pointer;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .question .material-icons {
  font-size: 2em;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .toggle-arrow {
  transform: rotate(180deg);
  transition: .35s;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .response {
  background: #fff;
  line-height: 1.6;
  margin-top: 10px;
  max-height: 0;
  overflow: hidden;
  transition: .35s;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .response * {
  line-height: 1.6;
}
#section-faq-most-viewed #faq-most-viewed-container .container-faq .open-response {
  padding: 15px;
  margin-top: 10px;
  border: 1px dashed #a6a6a6;
  border-radius: 10px;
  max-height: 9999px;
  overflow: hidden;
}
#section-list-areas {
  background: #F5D070;
}
#section-list-areas .content {
  padding: 30px 0;
  display: grid;
  grid-template-columns: auto 450px;
  align-items: center;
}
@media (max-width: 961px) {
  #section-list-areas .content {
    text-align: center;
    display: block;
  }
}
#section-faq {
  background: #022CAB url(../images/faq/questions.png) 50% 50% fixed;
  background-size: cover;
  padding: 70px 0;
  margin-bottom: 70px;
}
#section-faq #faq-container {
  margin-bottom: 20px;
}
#section-faq #faq-container .container-faq {
  margin-bottom: 5px;
}
#section-faq #faq-container .container-faq .question {
  display: grid;
  grid-template-columns: auto 50px;
  align-items: center;
  background: #F5D070;
  border-radius: 5px;
  overflow: hidden;
  padding: 10px 15px;
  transition: .35s;
}
#section-faq #faq-container .container-faq .question:hover {
  background: #cead62;
}
#section-faq #faq-container .container-faq .question .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
#section-faq #faq-container .container-faq .question .arrow:hover {
  cursor: pointer;
}
#section-faq #faq-container .container-faq .question .material-icons {
  font-size: 2em;
}
#section-faq #faq-container .container-faq .toggle-arrow {
  transform: rotate(180deg);
  transition: .35s;
}
#section-faq #faq-container .container-faq .response {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  line-height: 1.6;
  margin-top: 10px;
  max-height: 0;
  overflow: hidden;
  transition: .35s;
}
#section-faq #faq-container .container-faq .response * {
  line-height: 1.6;
}
#section-faq #faq-container .container-faq .open-response {
  padding: 15px;
  margin-top: 10px;
  border-radius: 10px;
  max-height: 9999px;
  overflow: hidden;
}
#footer {
  padding: 70px 0;
  background: #022CAB;
  color: #fff;
}
#footer .content {
  padding-top: 20px;
  border-top: 1px solid #022fc0;
}
#footer #footer-logo {
  width: 100%;
  height: 50px;
  background: #fff;
}
#footer .menu-footer a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: #ffffff;
  transition: all .35s;
}
#footer .menu-footer a:hover {
  text-decoration: underline;
}
#copyright {
  background: #031a61;
  padding: 35px 0;
  color: #fff;
  font-weight: 300;
}
/*Botões*/
.sombra-botao {
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
/*-------------------------------*/
/*Cores Padrão de Texto*/
.texto-cor-padrao-claro {
  color: #8493ad;
  text-decoration: none;
}
.texto-cor-padrao {
  color: #565e66;
  text-decoration: none;
}
.texto-cor-azul {
  color: #2a68d3;
  text-decoration: none;
}
.texto-cor-sucesso {
  color: #2a7e78;
  text-decoration: none;
}
.texto-cor-aviso {
  color: #c85e00;
  text-decoration: none;
}
.texto-cor-erro {
  color: #d35249;
  text-decoration: none;
}
.texto-cor-branco {
  color: #ffffff;
  text-decoration: none;
}
/*Cores Padrão de Texto*/
/*-------------------------------*/
/*-------------------------------*/
/*Tabela*/
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border-radius: 5px;
}
.table-responsive > .table-bordered {
  border: 0;
}
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
}
table thead {
  background: #e2e2e2;
}
table thead th {
  font-weight: 700;
  color: #868686;
  text-align: left;
  padding: 7px 15px;
}
table thead th:first-child {
  border-radius: 4px 0px 0px 4px;
  overflow: hidden;
}
table thead th:last-child {
  padding: 15px;
  border-radius: 0px 4px 4px 0px;
  overflow: hidden;
}
table tbody {
  white-space: nowrap;
}
table tbody tr {
  border-bottom: 2px solid #e2e2e2;
}
table tbody td {
  color: #868686;
  font-weight: 400;
  padding: 7px 15px;
}
.tabela-listrada {
  /* linhas pares (even) */
  /* linhas ímpares (odd) */
}
.tabela-listrada tbody tr:nth-child(even) {
  background-color: #e2e2e2;
}
.tabela-listrada tbody tr:nth-child(odd) {
  background-color: #FFF;
}
.tabela-linha-ativa tbody tr {
  transition: background 0.35s;
}
.tabela-linha-ativa tbody tr:hover {
  background: #e2e2e2;
}
.tabela-linha-ativa tbody td {
  white-space: normal;
}
/*Fim Tabela*/
/*-------------------------------*/
/*-------------------------------*/
/*Box de Informaçao*/
.box-info {
  padding: 20px;
  border-radius: 10px;
}
.box-info .conteudo {
  display: grid;
  grid-template-columns: 65px auto;
}
.box-info .conteudo .texto-info {
  line-height: 1.6;
}
.box-info .conteudo .fundo-icone {
  width: 45px;
  height: 45px;
  background: #fff;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin-right: 10px;
}
.box-info .conteudo .icone {
  font-size: 2.1em;
}
@media (max-width: 761px) {
  .box-info-responsivo .conteudo {
    display: block;
    text-align: center;
  }
  .box-info-responsivo .conteudo .fundo-icone {
    margin: auto;
  }
}
/*Fim Box de Informaçao*/
/*-------------------------------*/
/*-------------------------------*/
/*Fundos*/
.fundo-padrao {
  background: #f5f7fa;
}
.fundo-azul {
  background: #bfd6fd;
}
.fundo-sucesso {
  background: #eaf7f4;
}
.fundo-aviso {
  background: #ffeedb;
}
.fundo-erro {
  background: #ffc6c2;
}
.fundo-listrado-padrao {
  background: repeating-linear-gradient(120deg, #f5f7fa, #f5f7fa 15px, #ebf0f5 15px, #ebf0f5 30px);
}
.fundo-listrado-azul {
  background: repeating-linear-gradient(120deg, #ecf7ff, #ecf7ff 15px, #e1ecf5 15px, #e1ecf5 30px);
}
.fundo-listrado-sucesso {
  background: repeating-linear-gradient(120deg, #f1f9f9, #f1f9f9 15px, #e9f4f5 15px, #e9f4f5 30px);
}
.fundo-listrado-aviso {
  background: repeating-linear-gradient(120deg, #fefaf6, #fefaf6 15px, #fdf5ed 15px, #fdf5ed 30px);
}
.fundo-listrado-erro {
  background: repeating-linear-gradient(120deg, #ffeff1, #ffeff1 15px, #fce6ea 15px, #fce6ea 30px);
}
/*Fim Fundos*/
/*-------------------------------*/
/*-------------------------------*/
/*Menu Mobile*/
#box-bt-menu-fechar {
  display: none;
  padding: 20px 0;
}
#box-bt-menu-fechar #bt-abrir-menu-mobile,
#box-bt-menu-fechar #bt-abrir-menu-mobile2 {
  font-size: 2em;
  color: #022CAB;
  border-radius: 4px;
}
#box-bt-menu-fechar #bt-abrir-menu-mobile:hover,
#box-bt-menu-fechar #bt-abrir-menu-mobile2:hover {
  cursor: pointer;
}
#menu-mobile {
  position: fixed;
  width: 300px;
  height: 100%;
  background: #000;
  padding-top: 30px;
  color: #fff;
  z-index: 15;
  top: 0;
  right: 0;
  transition: .35s;
}
#menu-mobile .container {
  width: 100%;
}
#menu-mobile .links-barra-superior {
  display: block;
}
#menu-mobile .links-barra-superior li {
  border: none;
  padding: 0;
}
#menu-mobile .links-barra-superior li div {
  margin-bottom: 0;
}
#menu-mobile .links-barra-superior a {
  display: block;
  padding: 10px 10px 10px 25px;
  color: #fff;
  text-decoration: none;
  transition: all .35s;
}
#menu-mobile .links-barra-superior a:hover {
  background: #3e3e3e;
  color: #fff;
}
#menu-mobile li {
  border-bottom: 1px dashed #474747;
  transition: .35s;
}
#menu-mobile li:hover {
  background: #022CAB;
  color: #000;
}
#menu-mobile li:hover a {
  color: #000;
}
#menu-mobile li a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 10px 10px 10px 25px;
}
#fechar-menu-mobile {
  padding: 0px 10px 10px 25px;
}
#fechar-menu-mobile:hover {
  cursor: pointer;
}
#fechar-menu-mobile .material-icons {
  font-size: 2em;
}
.menu-mobile-fecado {
  margin-right: -300px;
}
.menu-mobila-aberto {
  margin-right: 0;
}
@media (max-width: 961px) {
  #header .bar2 .content #main-menu {
    display: none;
  }
  #box-bt-menu-fechar {
    display: block;
  }
}
